<template>
  <div class="hello">
    <mySwiper></mySwiper>
    <el-row type="flex" justify="space-around" class="good_out" align="center">
      <el-col class="good_inner" :span="5" v-for="(item,index) in goodsList" :key="index">
        <router-link :to="{name:'detail',params:{'id':2}}">
        <img :src="item.url" alt="">
        <el-row class="good_info">{{item.info}}</el-row>
        <el-row>
          <el-col class="new_price" :span="6">￥{{item.newPrice}}</el-col>
          <el-col class="old_price" :span="4">￥{{item.oldPrice}}</el-col>
        </el-row>
        </router-link>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  import mySwiper from './swiper'
  export default {
    name: 'HelloWorld',
    components:{mySwiper},
    data () {
      return {
        goodsList:[
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
            newPrice:100,
            oldPrice:90
          },
          {
            url:'./static/img/img5.jpg',
            info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
            newPrice:100,
            oldPrice:90
          }
        ]
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
